<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>登录页</title>
		<style>
			*{
				border: 0px solid red;
			}
			body{
				background-image: url(/img/sea.jpg);
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				background-attachment:fixed;
			}
			#h_div{
				border: 0px solid red;
				position: fixed;
				top:0px;
				width: 99%;
				margin: 0 auto;
			}
			#h_div ul{
				padding-left: 180px;
				margin-left: 1%;
			}
			#h_div img{
				position: absolute;
				height:80px;
				top:5px;
				z-index: 5;
			}
			#c_div{
				    width: 380px;
				    position: fixed;
				    z-index: 2;
				    border-radius: 14px;
				    background-color: #fff;
				padding-top:60px;
				height: 200px;
				position: relative;
				left: 55%;
				border:0px solid black;
				text-align: center;
				margin-top: 150px;
				filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;
				
			}
			#f_div{
				bottom: 10px;
				width: 98%;
				background: whitesmoke;
				height: 300px;
				padding: 30px 50px;
				text-align: justify;
				margin-top: 400px;
			}
			
			/* 按钮样式 */
			.J_Submit{
			    width: 100px;
			    height: 32px;
			    border: 0;
			    display: inline-block;
			    overflow: hidden;
			    vertical-align: middle;
			    line-height: 32px;
			    font-size: 22px;
			    font-weight: 700;
			    color: #fff;
			    background: #f40;
			    border-radius: 3px;
			    cursor: pointer;
			    zoom: 1;
			}
			a:link{text-decoration:none; cursor:pointer;}
			 a:visited{text-decoration:none; cursor:pointer}
			 a:active{text-decoration:none; cursor:pointer}
			 a:hover{text-decoration:none; cursor:pointer}
			 
			 
			 #c_div input{
				     line-height: 1.4;
				     font-size: 14px;
				     padding: 10px 0 10px 46px;
				     border-radius: 100px;
				     border: 1px solid #e6e6e6;
				     background: #fff !important;
			 }
		</style>
		<link rel="stylesheet" th:href="@{/layui/src/css/layui.css}"  media="all">
		<script th:src="@{/jquery/jquery-3.4.1.min.js}" charset="utf-8"></script>
		<script>
			function login(){
				location.href="main.1.html";
			}
            $(document).ready(function(){

                $("#login1").click(function(){
                    // $("#form1").attr('action','/api/view/v_check_login');    //通过jquery为action属性赋值
                    $("#form1").submit();
                });
            });
		</script>
	</head>
	<body>
		<div id="h_div">
				<img  src="/img/vote_log.png"/>
				 <!-- 水平导航start -->
				<ul class="layui-nav">
				  <li class="layui-nav-item"><a href="">最新活动</a></li>
				  <li class="layui-nav-item layui-this">
				    <a href="javascript:;">产品</a>
				    <dl class="layui-nav-child">
				      <dd><a href="">选项1</a></dd>
				      <dd><a href="">选项2</a></dd>
				      <dd><a href="">选项3</a></dd>
				    </dl>
				  </li>
				  <li class="layui-nav-item"><a href="">大数据</a></li>
				  <li class="layui-nav-item">
				    <a href="javascript:;">解决方案</a>
				    <dl class="layui-nav-child">
				      <dd><a href="">移动模块</a></dd>
				      <dd><a href="">后台模版</a></dd>
				      <dd class="layui-this"><a href="">选中项</a></dd>
				      <dd><a href="">电商平台</a></dd>
				    </dl>
				  </li>
				  <li class="layui-nav-item"><a href="">社区</a></li>
				</ul>
				<!-- 水平导航end -->
		</div>
		<div id="c_div">
			<form id="form1" action="/api/view/v_check_login" method="post" target="_parent">
				账号：<input type="text" name="name"/>
				<br/>
				<br/>
				密码：<input type="password" name="pwd"/>
				<br/>
				<br/>
				<span class="J_Submit" type="submit" value="提交"/>
				<a  class="J_Submit" href="" target="_blank"  id="login1">登录</a>
				<a  class="J_Submit" href="" target="_blank" onclick="login()">注册</a>

			</form>
		</div>
		<div  id="f_div">
			  <div class="footer-hd">
			    <p>
			    <a href="http://page.1688.com/shtml/about/ali_group1.shtml">阿里巴巴集团</a>
			    <b>|</b>
			    <a href="http://www.alibaba.com">阿里巴巴国际站</a>
			    <b>|</b>
			    <a href="http://www.1688.com">阿里巴巴中国站</a>
			    <b>|</b>
			    <a href="http://www.aliexpress.com">全球速卖通</a>
			    <b>|</b>
			    <a href="http://www.taobao.com">淘宝网</a>
			    <b>|</b>
			    <a href="http://www.tmall.com">天猫</a>
			    <b>|</b>
			    <a href="http://ju.taobao.com">聚划算</a>
			    <b>|</b>
			    <a href="http://www.etao.com">一淘</a>
			    <b>|</b>
			    <a href="http://www.alimama.com">阿里妈妈</a>
			    <b>|</b>
			    <a href="https://www.fliggy.com">飞猪</a>
			    <b>|</b>
			    <a href="http://www.xiami.com">虾米</a>
			    <b>|</b>
			    <a href="http://www.aliyun.com">阿里云计算</a>
			    <b>|</b>
			    <a href="http://www.yunos.com">云OS</a>
			    <b>|</b>
			    <a href="http://www.net.cn">万网</a>
			    <b>|</b>
			    <a href="http://www.alipay.com">支付宝</a>
			    <b>|</b>
			    <a href="http://www.laiwang.com/">来往</a>
			    </p>
			  </div>
			<div class="footer-bd">
			    <p>
			        <span><a href="https://www.taobao.com/tbhome/page/about/home" rel="noopener noreferrer">关于淘宝</a></span><span><a href="https://www.taobao.com/tbhome/page/about/partner?spm=a21bo.9614792.102.5.ed410c5siU20Y" rel="noopener noreferrer">合作伙伴</a></span><span><a href="http://pro.taobao.com" rel="noopener noreferrer">营销中心</a></span><span><a href="http://jubao.alibaba.com/internet/readme.htm?site=taobao" rel="noopener noreferrer">廉正举报</a></span><span><a href="https://consumerservice.taobao.com/" rel="noopener noreferrer">联系客服</a></span><span><a href="http://open.taobao.com" rel="noopener noreferrer">开放平台</a></span><span><a href="http://www.taobao.com/about/join.php" rel="noopener noreferrer">诚征英才</a></span><span><a href="http://consumerservice.taobao.com/contact-us" rel="noopener noreferrer">联系我们</a></span><span><a href="https://www.taobao.com/tbhome/page/sitemap" rel="noopener noreferrer">网站地图</a></span><span><a href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html" rel="noopener noreferrer">隐私权政策</a></span><span><a href="https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201811121436_80276.html" rel="noopener noreferrer">法律声明</a></span><span><a href="http://ipp.alibabagroup.com/" rel="noopener noreferrer">知识产权</a></span>
			        <b>|</b> 
			    </p>
			    <p><span><a href="http://www.beian.miit.gov.cn" rel="noopener noreferrer">增值电信业务经营许可证：浙B2-20080224</a></span><b>|</b><span><a href="http://www.beian.miit.gov.cn" rel="noopener noreferrer">增值电信业务经营许可证（跨地区）： B2-20150210</a></span><b>|</b><span><a href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/toDetail/2E7819FC84674D5980464916C24B7E3E" rel="noopener noreferrer">浙网文（2019）1033-086号</a></span><b>|</b></p><p><span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span><b>|</b><span>短消息类服务接入代码使用证书：号【2016】00154-A01</span><b>|</b><span>信息网络传播视听许可证：1109364号</span><b>|</b></p><p><span>
			            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010002000078" rel="noopener noreferrer">
			              <span class="tb-footer-mod" style="background-position:-861px 0px; width:20px; height: 20px; "></span>
			              昆明网安备 33010002000078号
			            </a></span><b>|</b><span>广播电视节目制作经营许可证（浙）字第01012号</span><b>|</b><span>市场名称登记证：工商网市字3301004120号</span><b>|</b><span>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</span></p>
						<br/><em>© 2020-现在 vote.com 版权所有</em><br/>
			</div>
			<div class="footer-ft" style="font-size:40px;">
			  <a target="_blank" href="http://www.pingpinganan.gov.cn/" rel="noopener noreferrer" style="margin-left:15px; display:inline-block; background-position:0px 0px; width:36px; height:40px;  background-image: url(http://img.alicdn.com/tps/i1/T1FeW3XXNfXXXXXXXX-36-36.gif);">
			  </a>
			  <a target="_blank" href="http://idinfo.zjamr.zj.gov.cn//bscx.do?method=lzxx&amp;id=3301843301002003002431" class="tb-footer-mod" rel="noopener noreferrer" style="margin-left:15px; display:inline-block; height: 40px; background-position:0px 0px; width:30px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
			  </a>
			  <a target="_blank" href="http://idinfo.zjaic.gov.cn/bscx.do?spm=1.7274553.1997523009.29.alN7ce&amp;method=hddoc&amp;id=33018400000067" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-40px 0px; width:33px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
			  </a>
			  <a target="_blank" href="http://www.theclimategroup.org.cn/about/friend?spm=1.7274553.1997523009.30.alN7ce" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-80px 0px; width:50px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
			  </a>
			  <a target="_blank" href="https://ss.knet.cn/verifyseal.dll?spm=1.7274553.1997523009.31.alN7ce&amp;&amp;sn=2010062300100001357&amp;pa=20100701" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-140px 0px; width:83px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
			  </a>
			  <a target="_blank" href="http://report.12377.cn:13225/toreportinputNormal_anis.do" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:0px -18px; width:250px; background-image: url(//img.alicdn.com/tfs/TB1N7kwRVXXXXbAapXXXXXXXXXX-500-127.png_250x250); margin-left:15px; display:inline-block; height: 40px;">
			  </a>
			  <a target="_blank" href="http://www.12377.cn/node_548446.htm" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-650px 0px; width:105px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
			  </a>
			  <a target="_blank" href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/toDetail/2E7819FC84674D5980464916C24B7E3E" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-345px 0px; width:82px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
			  </a>
			  <a target="_blank" href="https://credit.szfw.org/CX20160715023573390688.html" class="tb-footer-mod" rel="noopener noreferrer" style="background-position:-761px 0px; width:97px; margin-left:15px; display:inline-block; height: 40px; background-image: url(https://img.alicdn.com/tfs/TB1EPnIQXXXXXaSXpXXXXXXXXXX-1133-35.jpg);">
			  </a>
			</div>
		</div>
		<script th:src="@{/layui/src/layui.js}" charset="utf-8"></script>
		<script>
		layui.use('element', function(){
		  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
		  
		  //监听导航点击
		  element.on('nav(demo)', function(elem){
		    //console.log(elem)
		    layer.msg(elem.text());
		  });
		});
		</script>
	</body>
</html>
